<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v27.3 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Design Your Way: Resources for Designers</title>
	<meta name="description" content="Design Your Way is a graphic design blog with insights on typography, UI/UX, branding, and creative inspiration." />
	<link rel="canonical" href="https://www.designyourway.net/blog/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Design Your Way: Resources for Designers" />
	<meta property="og:description" content="Design Your Way is a graphic design blog with insights on typography, UI/UX, branding, and creative inspiration." />
	<meta property="og:url" content="https://www.designyourway.net/blog/" />
	<meta property="og:site_name" content="Design Your Way" />
	<meta property="article:publisher" content="https://www.facebook.com/designyourway/" />
	<meta property="article:modified_time" content="2025-12-31T08:50:45+00:00" />
	<meta property="og:image" content="https://www.designyourway.net/blog/wp-content/uploads/2025/12/Dutch-Bros-Featured.jpg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@boogiesbc" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.designyourway.net\/blog\/","url":"https:\/\/www.designyourway.net\/blog\/","name":"Design Your Way: Resources for Designers","isPartOf":{"@id":"https:\/\/www.designyourway.net\/blog\/#website"},"about":{"@id":"https:\/\/www.designyourway.net\/blog\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/www.designyourway.net\/blog\/#primaryimage"},"image":{"@id":"https:\/\/www.designyourway.net\/blog\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designyourway.net\/blog\/wp-content\/uploads\/2025\/12\/Dutch-Bros-Featured.jpg","datePublished":"2022-07-15T02:50:33+00:00","dateModified":"2025-12-31T08:50:45+00:00","description":"Design Your Way is a graphic design blog with insights on typography, UI\/UX, branding, and creative inspiration.","breadcrumb":{"@id":"https:\/\/www.designyourway.net\/blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designyourway.net\/blog\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designyourway.net\/blog\/#primaryimage","url":"https:\/\/www.designyourway.net\/blog\/wp-content\/uploads\/2025\/12\/Dutch-Bros-Featured.jpg","contentUrl":"https:\/\/www.designyourway.net\/blog\/wp-content\/uploads\/2025\/12\/Dutch-Bros-Featured.jpg","width":800,"height":551},{"@type":"BreadcrumbList","@id":"https:\/\/www.designyourway.net\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.designyourway.net\/blog\/#website","url":"https:\/\/www.designyourway.net\/blog\/","name":"Design Your Way","description":"A graphic design blog exploring typography, UI\/UX, and visual creativity","publisher":{"@id":"https:\/\/www.designyourway.net\/blog\/#organization"},"alternateName":"DesignYourWay","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designyourway.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designyourway.net\/blog\/#organization","name":"Design Your Way","alternateName":"DesignYourWay","url":"https:\/\/www.designyourway.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designyourway.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.designyourway.net\/blog\/wp-content\/uploads\/2017\/07\/1544580_10152220110623688_513466006_n.png","contentUrl":"https:\/\/www.designyourway.net\/blog\/wp-content\/uploads\/2017\/07\/1544580_10152220110623688_513466006_n.png","width":188,"height":188,"caption":"Design Your Way"},"image":{"@id":"https:\/\/www.designyourway.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/designyourway\/","https:\/\/x.com\/boogiesbc","https:\/\/pinterest.com\/bogdansandu\/","https:\/\/www.facebook.com\/designyourway","https:\/\/www.linkedin.com\/company\/design-your-way-net\/"]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//static.mailerlite.com' />
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//fonts.gstatic.com' />
<link rel='dns-prefetch' href='//www.youtube.com' />
<link rel='dns-prefetch' href='//i.ytimg.com' />
<link rel='dns-prefetch' href='//pagead2.googlesyndication.com' />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='sbc-random-posts-frontend-css' href='https://www.designyourway.net/blog/wp-content/plugins/sbc-random-posts-sidebar-widget/assets/css/frontend.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='dyw-fonts-css' href='https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&#038;family=Source+Sans+3:wght@300;400;600;700&#038;family=Lora:ital,wght@0,400;0,600;1,400&#038;family=Source+Code+Pro:wght@400;600&#038;display=swap' media='all' />
<link rel='stylesheet' id='dyw-theme-css' href='https://www.designyourway.net/blog/wp-content/themes/dyw-theme/assets/css/theme.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://www.designyourway.net/blog/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.48.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.designyourway.net/blog/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.0.2' media='all' />
<link rel='stylesheet' id='elementor-post-49157-css' href='https://www.designyourway.net/blog/wp-content/uploads/elementor/css/post-49157.css?ver=1776179738' media='all' />
<link rel='stylesheet' id='elementor-post-1770-css' href='https://www.designyourway.net/blog/wp-content/uploads/elementor/css/post-1770.css?ver=1776179739' media='all' />
<link rel='stylesheet' id='csf-google-web-fonts-css' href='//fonts.googleapis.com/css?family=DM%20Sans:400&#038;display=swap' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://www.designyourway.net/blog/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1742479402' media='all' />
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://www.designyourway.net/blog/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1742479404' media='all' />
<link rel='stylesheet' id='elementor-gf-local-lora-css' href='https://www.designyourway.net/blog/wp-content/uploads/elementor/google-fonts/css/lora.css?ver=1742479405' media='all' />
<script src="https://www.designyourway.net/blog/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://www.designyourway.net/blog/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script src="https://www.googletagmanager.com/gtag/js?id=GT-PBGXTNK" id="google_gtagjs-js" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["www.designyourway.net"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-PBGXTNK");
//# sourceURL=google_gtagjs-js-after
</script>
<script id="__ytprefs__-js-extra">
var _EPYT_ = {"ajaxurl":"https://www.designyourway.net/blog/wp-admin/admin-ajax.php","security":"10af5f3ea9","gallery_scrolloffset":"20","eppathtoscripts":"https://www.designyourway.net/blog/wp-content/plugins/youtube-embed-plus/scripts/","eppath":"https://www.designyourway.net/blog/wp-content/plugins/youtube-embed-plus/","epresponsiveselector":"[\"iframe.__youtube_prefs__\",\"iframe[src*='youtube.com']\",\"iframe[src*='youtube-nocookie.com']\",\"iframe[data-ep-src*='youtube.com']\",\"iframe[data-ep-src*='youtube-nocookie.com']\",\"iframe[data-ep-gallerysrc*='youtube.com']\"]","epdovol":"1","version":"14.2.6","evselector":"iframe.__youtube_prefs__[src], iframe[src*=\"youtube.com/embed/\"], iframe[src*=\"youtube-nocookie.com/embed/\"]","ajax_compat":"","maxres_facade":"eager","ytapi_load":"light","pause_others":"","stopMobileBuffer":"1","facade_mode":"1","not_live_on_channel":""};
//# sourceURL=__ytprefs__-js-extra
</script>
<meta name="generator" content="Site Kit by Google 1.176.0" /><script>
(function() {
  const isHeadless =
    navigator.webdriver ||
    (screen.width === 800 && screen.height === 600);

  if (isHeadless) {
    window['ga-disable-G-CRQ4QF33DZ'] = true;
  }
})();
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CRQ4QF33DZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-CRQ4QF33DZ');
</script><meta name="google-site-verification" content="wViP2G6xL3CmgQUAQbnch8dzKyx4My05TBmw4nVFIOc">
<!-- Google AdSense meta tags added by Site Kit -->
<meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236">
<meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com">
<!-- End Google AdSense meta tags added by Site Kit -->
<meta name="generator" content="Elementor 4.0.2; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-block">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			
<!-- Google AdSense snippet added by Site Kit -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5717582164236123&amp;host=ca-host-pub-2644536267352236" crossorigin="anonymous"></script>

<!-- End Google AdSense snippet added by Site Kit -->
<style type="text/css">body{font-family:"DM Sans";font-weight:normal;}h1, h2, h3, h4, h5, h6{font-family:"DM Sans";font-weight:normal;}.pfy_single_post_wrapper{padding-right:0px;padding-left:0px;}</style><link rel="icon" href="https://www.designyourway.net/blog/wp-content/uploads/2025/05/cropped-dyw-square-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.designyourway.net/blog/wp-content/uploads/2025/05/cropped-dyw-square-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.designyourway.net/blog/wp-content/uploads/2025/05/cropped-dyw-square-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.designyourway.net/blog/wp-content/uploads/2025/05/cropped-dyw-square-favicon-270x270.png" />

<!--Plugin WP Missed Schedule Active - Secured with Genuine Authenticity KeyTag-->

<!-- This site is patched against a big problem not solved since WordPress 2.5 -->

</head>
<body data-rsssl=1 class="home wp-singular page-template page-template-elementor-template page-template-elementor-template-php page page-id-1770 wp-theme-dyw-theme elementor-default elementor-kit-49157 elementor-page elementor-page-1770">

<!-- ═══════════ HEADER ═══════════ -->
<header class="site-header" id="siteHeader">
  <div class="nav-inner">

    <a href="https://www.designyourway.net/blog/" class="nav-logo">
      <img src="https://www.designyourway.net/blog/wp-content/uploads/2025/05/dyw-new-logo.png"
           alt="Design Your Way"
           style="height:30px;width:auto;">
    </a>

    <!-- Desktop nav -->
    <ul class="nav-menu">
      <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children nav-item"><span class="nav-link">Design Resources<svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2"><polyline points="2,4 6,8 10,4"/></svg></span><ul class="dropdown"><li><a href="https://www.designyourway.net/blog/category/design-resources/color-palettes/">Color Palettes</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/print/">Print</a></li><li class="dropdown__parent"><a href="https://www.designyourway.net/blog/category/design-resources/brand-colors/" class="dropdown__trigger"><span>Brand Colors</span><svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" width="10" height="10"><polyline points="3,1 7,5 3,9"/></svg></a><ul class="dropdown dropdown--nested"><li><a href="https://www.designyourway.net/blog/category/design-resources/brand-colors/baseball-team-colors/">Baseball Team Colors</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/brand-colors/nhl-team-colors/">NHL Team Colors</a></li></ul></li><li class="dropdown__parent"><a href="https://www.designyourway.net/blog/category/design-resources/typography/" class="dropdown__trigger"><span>Typography</span><svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" width="10" height="10"><polyline points="3,1 7,5 3,9"/></svg></a><ul class="dropdown dropdown--nested"><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/superhero-fonts/">Superhero Fonts</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/gaming-fonts/">Gaming Fonts</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/brand-fonts/">Brand Fonts</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/fonts-from-movies/">Fonts from Movies</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/similar-fonts/">Similar Fonts</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/whats-that-font/">What&#039;s That Font</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/typography/best-fonts/">Best Fonts</a></li></ul></li><li><a href="https://www.designyourway.net/blog/category/design-resources/canva-resources/">Canva Resources</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/flyers/">Flyers</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/mockups/">Mockups</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/photoshop/">Photoshop Resources</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/textures/">Textures</a></li><li><a href="https://www.designyourway.net/blog/category/tools/converters/">Converters</a></li><li><a href="https://www.designyourway.net/blog/category/design-resources/presentation/">Slide Templates</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children nav-item"><span class="nav-link">Inspiration<svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2"><polyline points="2,4 6,8 10,4"/></svg></span><ul class="dropdown"><li><a href="https://www.designyourway.net/blog/category/inspiration/web-design/">Web Design</a></li><li class="dropdown__parent"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/" class="dropdown__trigger"><span>Logos</span><svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" width="10" height="10"><polyline points="3,1 7,5 3,9"/></svg></a><ul class="dropdown dropdown--nested"><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/bank-logos/">Bank Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/car-logos/">Car Logos</a></li><li class="dropdown__parent"><a href="#" class="dropdown__trigger"><span>Football Logos</span><svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" width="10" height="10"><polyline points="3,1 7,5 3,9"/></svg></a><ul class="dropdown dropdown--nested"><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/english-football-teams-logos/">English Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/german-football-teams-logos/">German Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/spanish-football-teams-logos/">Spanish Football Teams Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/french-football-teams-logos/">French Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/italian-football-team-logos/">Italian Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/scottish-football-team-logos/">Scottish Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/portuguese-football-team-logos/">Portuguese Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/swedish-football-team-logos/">Swedish Football Team Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/danish-football-team-logos/">Danish Football Team Logos</a></li></ul></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/fast-food-logos/">Fast Food Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/superhero-logos/">Superhero logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/tech-company-logos/">Tech company logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/shoe-brand-logos/">Shoe Brand Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nfl-logos/">NFL Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nba-logos/">NBA logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nhl-logos/">NHL Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/motorcycle-logos/">Motorcycle Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/grocery-store-logos/">Grocery Store Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/pharmaceutical-logos/">Pharmaceutical Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/fintech-company-logos/">Fintech Company Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nonprofit-logos/">Nonprofit Logos</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/telecom-company-logos/">Telecom Company Logos</a></li></ul></li><li class="dropdown__parent"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/" class="dropdown__trigger"><span>Graphic Design</span><svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" width="10" height="10"><polyline points="3,1 7,5 3,9"/></svg></a><ul class="dropdown dropdown--nested"><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/branding-fundamentals/">Branding Fundamentals</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/branding/">Branding</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/rebranding/">Rebranding</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/posters/">Posters</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/basics/">Graphic Design Basics</a></li></ul></li><li><a href="https://www.designyourway.net/blog/category/inspiration/user-interface-design/">UI Design</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/user-experience/">UX</a></li><li class="dropdown__parent"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/" class="dropdown__trigger"><span>Advertising</span><svg viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" width="10" height="10"><polyline points="3,1 7,5 3,9"/></svg></a><ul class="dropdown dropdown--nested"><li><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/beer-brand-ads/">Beer Brand Ads</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/car-brand-ads/">Car Brand Ads</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/fashion-brand-ads/">Fashion Brand Ads</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/fast-food-brand-ads/">Fast Food Brand Ads</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/shoe-brand-ads/">Shoe Brand Ads</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/tech-company-ads/">Tech Company Ads</a></li></ul></li><li><a href="https://www.designyourway.net/blog/category/inspiration/motion-graphics/">Motion graphics</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/infographics/">Infographics</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/wallpapers/">Wallpapers</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children nav-item"><span class="nav-link">Various<svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2"><polyline points="2,4 6,8 10,4"/></svg></span><ul class="dropdown"><li><a href="https://www.designyourway.net/blog/category/design-resources/statistics/">Statistics</a></li><li><a href="https://www.designyourway.net/blog/category/inspiration/design-roles/">Design Roles</a></li><li><a href="https://www.designyourway.net/blog/category/resources/tools-and-apps/">Tools and apps</a></li><li><a href="https://www.designyourway.net/blog/category/resources/css-html/">CSS &amp; HTML</a></li><li><a href="https://www.designyourway.net/blog/category/resources/misc/">Misc</a></li><li><a href="https://www.designyourway.net/blog/category/resources/program-interfaces/">Program interfaces</a></li><li><a href="https://www.designyourway.net/blog/category/resources/tutorials/">Tutorials</a></li><li><a href="https://www.designyourway.net/blog/category/resources/wp/">WordPress</a></li><li><a href="https://www.designyourway.net/art/">Drawing tutorials</a></li></ul></li><li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a href="https://www.designyourway.net/blog/about-us/" class="nav-link">About Us</a></li>      <li class="nav-item">
        <a href="https://www.designyourway.net/blog/contact/" class="nav-link nav-cta">
          Contact        </a>
      </li>
    </ul>

    <!-- Hamburger button -->
    <button class="hamburger" id="hamburgerBtn" aria-label="Open menu" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>

  </div>
</header>

<!-- Mobile overlay -->
<div class="mobile-overlay" id="mobileOverlay"></div>

<!-- Mobile menu panel -->
<div class="mobile-menu" id="mobileMenu">
  <div class="mobile-menu-header">
    <a href="https://www.designyourway.net/blog/">
      <img src="https://www.designyourway.net/blog/wp-content/uploads/2025/05/dyw-new-logo.png"
           alt="Design Your Way"
           style="height:26px;width:auto;">
    </a>
    <button class="mobile-menu-close" id="mobileMenuClose" aria-label="Close menu">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
    </button>
  </div>

  <nav class="mobile-nav">
    <ul><li id="menu-item-47115" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-47115"><a href="https://www.designyourway.net/blog/category/design-resources/">Design Resources</a>
<ul class="sub-menu">
	<li id="menu-item-61846" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-61846"><a href="https://www.designyourway.net/blog/category/design-resources/color-palettes/">Color Palettes</a></li>
	<li id="menu-item-68144" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-68144"><a href="https://www.designyourway.net/blog/category/design-resources/print/">Print</a></li>
	<li id="menu-item-64550" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-64550"><a href="https://www.designyourway.net/blog/category/design-resources/brand-colors/">Brand Colors</a>
	<ul class="sub-menu">
		<li id="menu-item-64551" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64551"><a href="https://www.designyourway.net/blog/category/design-resources/brand-colors/baseball-team-colors/">Baseball Team Colors</a></li>
		<li id="menu-item-64552" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64552"><a href="https://www.designyourway.net/blog/category/design-resources/brand-colors/nhl-team-colors/">NHL Team Colors</a></li>
	</ul>
</li>
	<li id="menu-item-47122" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-47122"><a href="https://www.designyourway.net/blog/category/design-resources/typography/">Typography</a>
	<ul class="sub-menu">
		<li id="menu-item-47126" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47126"><a href="https://www.designyourway.net/blog/category/design-resources/typography/superhero-fonts/">Superhero Fonts</a></li>
		<li id="menu-item-47125" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47125"><a href="https://www.designyourway.net/blog/category/design-resources/typography/gaming-fonts/">Gaming Fonts</a></li>
		<li id="menu-item-47123" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47123"><a href="https://www.designyourway.net/blog/category/design-resources/typography/brand-fonts/">Brand Fonts</a></li>
		<li id="menu-item-47124" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47124"><a href="https://www.designyourway.net/blog/category/design-resources/typography/fonts-from-movies/">Fonts from Movies</a></li>
		<li id="menu-item-47292" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47292"><a href="https://www.designyourway.net/blog/category/design-resources/typography/similar-fonts/">Similar Fonts</a></li>
		<li id="menu-item-47291" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47291"><a href="https://www.designyourway.net/blog/category/design-resources/typography/whats-that-font/">What&#8217;s That Font</a></li>
		<li id="menu-item-59885" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-59885"><a href="https://www.designyourway.net/blog/category/design-resources/typography/best-fonts/">Best Fonts</a></li>
	</ul>
</li>
	<li id="menu-item-65325" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-65325"><a href="https://www.designyourway.net/blog/category/design-resources/canva-resources/">Canva Resources</a></li>
	<li id="menu-item-47116" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47116"><a href="https://www.designyourway.net/blog/category/design-resources/flyers/">Flyers</a></li>
	<li id="menu-item-47118" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47118"><a href="https://www.designyourway.net/blog/category/design-resources/mockups/">Mockups</a></li>
	<li id="menu-item-47119" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47119"><a href="https://www.designyourway.net/blog/category/design-resources/photoshop/">Photoshop Resources</a></li>
	<li id="menu-item-47121" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47121"><a href="https://www.designyourway.net/blog/category/design-resources/textures/">Textures</a></li>
	<li id="menu-item-63185" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-63185"><a href="https://www.designyourway.net/blog/category/tools/converters/">Converters</a></li>
	<li id="menu-item-47120" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47120"><a href="https://www.designyourway.net/blog/category/design-resources/presentation/">Slide Templates</a></li>
</ul>
</li>
<li id="menu-item-47127" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-47127"><a href="https://www.designyourway.net/blog/category/inspiration/">Inspiration</a>
<ul class="sub-menu">
	<li id="menu-item-47137" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47137"><a href="https://www.designyourway.net/blog/category/inspiration/web-design/">Web Design</a></li>
	<li id="menu-item-47638" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-47638"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/">Logos</a>
	<ul class="sub-menu">
		<li id="menu-item-47639" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47639"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/bank-logos/">Bank Logos</a></li>
		<li id="menu-item-49165" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49165"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/car-logos/">Car Logos</a></li>
		<li id="menu-item-67054" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-67054"><a href="#">Football Logos</a>
		<ul class="sub-menu">
			<li id="menu-item-64867" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64867"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/english-football-teams-logos/">English Football Team Logos</a></li>
			<li id="menu-item-64868" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64868"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/german-football-teams-logos/">German Football Team Logos</a></li>
			<li id="menu-item-64869" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64869"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/spanish-football-teams-logos/">Spanish Football Teams Logos</a></li>
			<li id="menu-item-67056" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67056"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/french-football-teams-logos/">French Football Team Logos</a></li>
			<li id="menu-item-67057" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67057"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/italian-football-team-logos/">Italian Football Team Logos</a></li>
			<li id="menu-item-67062" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67062"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/scottish-football-team-logos/">Scottish Football Team Logos</a></li>
			<li id="menu-item-67061" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67061"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/portuguese-football-team-logos/">Portuguese Football Team Logos</a></li>
			<li id="menu-item-67058" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67058"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/swedish-football-team-logos/">Swedish Football Team Logos</a></li>
			<li id="menu-item-67055" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67055"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/danish-football-team-logos/">Danish Football Team Logos</a></li>
		</ul>
</li>
		<li id="menu-item-49373" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49373"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/fast-food-logos/">Fast Food Logos</a></li>
		<li id="menu-item-51684" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-51684"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/superhero-logos/">Superhero logos</a></li>
		<li id="menu-item-52352" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-52352"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/tech-company-logos/">Tech company logos</a></li>
		<li id="menu-item-56957" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-56957"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/shoe-brand-logos/">Shoe Brand Logos</a></li>
		<li id="menu-item-58395" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-58395"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nfl-logos/">NFL Logos</a></li>
		<li id="menu-item-58502" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-58502"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nba-logos/">NBA logos</a></li>
		<li id="menu-item-61178" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-61178"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nhl-logos/">NHL Logos</a></li>
		<li id="menu-item-60587" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60587"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/motorcycle-logos/">Motorcycle Logos</a></li>
		<li id="menu-item-61693" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-61693"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/grocery-store-logos/">Grocery Store Logos</a></li>
		<li id="menu-item-63101" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-63101"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/pharmaceutical-logos/">Pharmaceutical Logos</a></li>
		<li id="menu-item-69461" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69461"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/fintech-company-logos/">Fintech Company Logos</a></li>
		<li id="menu-item-69462" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69462"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/nonprofit-logos/">Nonprofit Logos</a></li>
		<li id="menu-item-69463" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69463"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/telecom-company-logos/">Telecom Company Logos</a></li>
	</ul>
</li>
	<li id="menu-item-47138" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-47138"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/">Graphic Design</a>
	<ul class="sub-menu">
		<li id="menu-item-69106" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69106"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/branding-fundamentals/">Branding Fundamentals</a></li>
		<li id="menu-item-69107" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69107"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/branding/">Branding</a></li>
		<li id="menu-item-61687" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-61687"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/rebranding/">Rebranding</a></li>
		<li id="menu-item-49986" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49986"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/posters/">Posters</a></li>
		<li id="menu-item-64322" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-64322"><a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/basics/">Graphic Design Basics</a></li>
	</ul>
</li>
	<li id="menu-item-47133" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47133"><a href="https://www.designyourway.net/blog/category/inspiration/user-interface-design/">UI Design</a></li>
	<li id="menu-item-47134" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47134"><a href="https://www.designyourway.net/blog/category/inspiration/user-experience/">UX</a></li>
	<li id="menu-item-57537" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-57537"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/">Advertising</a>
	<ul class="sub-menu">
		<li id="menu-item-57538" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57538"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/beer-brand-ads/">Beer Brand Ads</a></li>
		<li id="menu-item-57539" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57539"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/car-brand-ads/">Car Brand Ads</a></li>
		<li id="menu-item-57540" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57540"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/fashion-brand-ads/">Fashion Brand Ads</a></li>
		<li id="menu-item-57541" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57541"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/fast-food-brand-ads/">Fast Food Brand Ads</a></li>
		<li id="menu-item-57542" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57542"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/shoe-brand-ads/">Shoe Brand Ads</a></li>
		<li id="menu-item-57543" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57543"><a href="https://www.designyourway.net/blog/category/inspiration/advertisements/tech-company-ads/">Tech Company Ads</a></li>
	</ul>
</li>
	<li id="menu-item-47131" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47131"><a href="https://www.designyourway.net/blog/category/inspiration/motion-graphics/">Motion graphics</a></li>
	<li id="menu-item-47129" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47129"><a href="https://www.designyourway.net/blog/category/inspiration/infographics/">Infographics</a></li>
	<li id="menu-item-47135" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47135"><a href="https://www.designyourway.net/blog/category/inspiration/wallpapers/">Wallpapers</a></li>
</ul>
</li>
<li id="menu-item-47139" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-47139"><a href="https://www.designyourway.net/blog/category/resources/">Various</a>
<ul class="sub-menu">
	<li id="menu-item-69097" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69097"><a href="https://www.designyourway.net/blog/category/design-resources/statistics/">Statistics</a></li>
	<li id="menu-item-58403" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-58403"><a href="https://www.designyourway.net/blog/category/inspiration/design-roles/">Design Roles</a></li>
	<li id="menu-item-47144" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47144"><a href="https://www.designyourway.net/blog/category/resources/tools-and-apps/">Tools and apps</a></li>
	<li id="menu-item-47140" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47140"><a href="https://www.designyourway.net/blog/category/resources/css-html/">CSS &amp; HTML</a></li>
	<li id="menu-item-47141" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47141"><a href="https://www.designyourway.net/blog/category/resources/misc/">Misc</a></li>
	<li id="menu-item-47142" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47142"><a href="https://www.designyourway.net/blog/category/resources/program-interfaces/">Program interfaces</a></li>
	<li id="menu-item-47145" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47145"><a href="https://www.designyourway.net/blog/category/resources/tutorials/">Tutorials</a></li>
	<li id="menu-item-47146" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47146"><a href="https://www.designyourway.net/blog/category/resources/wp/">WordPress</a></li>
	<li id="menu-item-57307" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57307"><a href="https://www.designyourway.net/art/">Drawing tutorials</a></li>
</ul>
</li>
<li id="menu-item-69273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69273"><a href="https://www.designyourway.net/blog/about-us/">About Us</a></li>
</ul>  </nav>

  <div class="mobile-menu-footer">
    <a href="https://www.designyourway.net/blog/contact/" class="mobile-cta">
      Contact    </a>
  </div>
</div>
<!-- ══════════ HERO ══════════ -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-left">
      <div class="hero-kicker">
        <span class="hero-kicker-dot"></span>
        Since 2008 · Trusted by designers worldwide      </div>
      <h1>
        The design knowledge you need,<br>
        <em>delivered every week.</em>
      </h1>
      <p class="hero-sub">
        From typography and logo design to UI/UX and color theory, Design Your Way covers visual communication with depth, clarity, and practical insight.      </p>
      <div class="hero-trust">
        <div class="hero-trust-item">
          <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          <span><strong>28,000+</strong> subscribers</span>
        </div>
        <div class="hero-trust-item">
          <svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
          <span>Publishing since <strong>2008</strong></span>
        </div>
        <div class="hero-trust-item">
          <svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
          <span><strong>4.9 / 5</strong> reader rating</span>
        </div>
      </div>
    </div>

    <div class="hero-form-card">
      <div class="form-card-icon">
        <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
      </div>
      <p class="form-card-title">Get better at design.<br>Every Tuesday, free.</p>
      <p class="form-card-sub">
        Join <strong>28,000+ designers</strong>
        who get our weekly dose of typography tips, tool reviews, inspiration picks, and free resources.      </p>
      
<div class="dyw-ml-form">
  <form action="https://static.mailerlite.com/webforms/submit/b6x6a9"
        data-code="b6x6a9" method="post" target="_blank"
        class="dyw-nl-form dyw-nl-form--hero hero-nl-form">
    <input aria-label="Email address"
           aria-required="true" type="email" name="fields[email]"
           placeholder="Enter your email address"
           autocomplete="email" class="hero-nl-input" required>
    <button type="submit" class="hero-nl-btn dyw-nl-submit">
      Send me the newsletter →    </button>
    <input type="hidden" name="ml-submit" value="1">
    <input type="hidden" name="anticsrf"  value="true">
  </form>
  <div class="dyw-nl-success" style="display:none;">
    <p class="dyw-hero-success-msg">🎉 You&#039;re in! Check your inbox to confirm.</p>
  </div>
</div>

<img src="https://track.mailerlite.com/webforms/o/1609632/b6x6a9?v1730283553"
     width="1" height="1"
     style="max-width:1px;max-height:1px;visibility:hidden;padding:0;margin:0;display:block"
     alt="" border="0">
      <p class="form-card-note">No spam, ever. Unsubscribe with one click, any time.</p>
      <div class="form-card-perks">
        <div class="perk"><div class="perk-check"><svg viewBox="0 0 12 12"><polyline points="2,6 5,9 10,3"/></svg></div>Weekly typography &amp; font pairing tips</div>
        <div class="perk"><div class="perk-check"><svg viewBox="0 0 12 12"><polyline points="2,6 5,9 10,3"/></svg></div>Curated design inspiration &amp; case studies</div>
        <div class="perk"><div class="perk-check"><svg viewBox="0 0 12 12"><polyline points="2,6 5,9 10,3"/></svg></div>Free tools, templates &amp; resources</div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ TYPOGRAPHY ══════════ -->
<section class="section section-alt">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title">Typography</h2>
      </div>
      <a href="https://www.designyourway.net/blog/category/design-resources/typography/" class="view-all">
        View all articles        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
            <div class="typo-list">
                <a href="https://www.designyourway.net/blog/what-is-a-blackletter-font/" class="typo-item">
          <span class="typo-num">01</span>
                      <img width="160" height="107" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured.jpg" class="typo-thumb wp-post-image" alt="What Is a Blackletter Font and How to Use It Boldly" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured-768x512.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography</span>
            <span class="typo-title">What Is a Blackletter Font and How to Use It Boldly</span>
          </div>
          <span class="typo-date">Apr 13</span>
        </a>
                <a href="https://www.designyourway.net/blog/font-combinations-for-graphic-design/" class="typo-item">
          <span class="typo-num">02</span>
                      <img width="160" height="96" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta.jpg" class="typo-thumb wp-post-image" alt="50 Best Font Combinations for Graphic Design" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-213x128.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-800x481.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-768x462.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Tools</span>
            <span class="typo-title">50 Best Font Combinations for Graphic Design</span>
          </div>
          <span class="typo-date">Apr 3</span>
        </a>
                <a href="https://www.designyourway.net/blog/font-psychology/" class="typo-item">
          <span class="typo-num">03</span>
                      <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/font-psychology.jpg" class="typo-thumb wp-post-image" alt="Font Psychology: How Typeface Affects Mood" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/font-psychology.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/font-psychology-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/font-psychology-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/font-psychology-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">Font Psychology: How Typeface Affects Mood</span>
          </div>
          <span class="typo-date">Mar 29</span>
        </a>
                <a href="https://www.designyourway.net/blog/what-is-kerning-in-typography/" class="typo-item">
          <span class="typo-num">04</span>
                      <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-kerning-in-typography.jpg" class="typo-thumb wp-post-image" alt="What is Kerning in Typography: Detailed Explanation" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-kerning-in-typography.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-kerning-in-typography-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-kerning-in-typography-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-kerning-in-typography-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">What is Kerning in Typography: Detailed Explanation</span>
          </div>
          <span class="typo-date">Mar 28</span>
        </a>
                <a href="https://www.designyourway.net/blog/what-is-tracking-in-typography/" class="typo-item">
          <span class="typo-num">05</span>
                      <img loading="lazy" width="160" height="92" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-tracking-in-typography.jpg" class="typo-thumb wp-post-image" alt="What is Tracking in Typography: Essential Insights" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-tracking-in-typography.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-tracking-in-typography-213x122.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-tracking-in-typography-800x459.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-tracking-in-typography-768x440.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">What is Tracking in Typography: Essential Insights</span>
          </div>
          <span class="typo-date">Mar 27</span>
        </a>
              </div>
            <div class="typo-list">
                <a href="https://www.designyourway.net/blog/what-is-leading-in-typography/" class="typo-item">
          <span class="typo-num">06</span>
                      <img loading="lazy" width="160" height="85" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-leading-in-typography.jpg" class="typo-thumb wp-post-image" alt="What is Leading in Typography: Core Principles" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-leading-in-typography.jpg 1000w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-leading-in-typography-213x113.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-leading-in-typography-800x423.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-leading-in-typography-768x406.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">What is Leading in Typography: Core Principles</span>
          </div>
          <span class="typo-date">Mar 19</span>
        </a>
                <a href="https://www.designyourway.net/blog/what-is-typography/" class="typo-item">
          <span class="typo-num">07</span>
                      <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-typography.jpg" class="typo-thumb wp-post-image" alt="What is Typography: A Comprehensive Overview" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-typography.jpg 1456w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-typography-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-typography-800x448.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-typography-768x430.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">What is Typography: A Comprehensive Overview</span>
          </div>
          <span class="typo-date">Mar 18</span>
        </a>
                <a href="https://www.designyourway.net/blog/what-is-x-height/" class="typo-item">
          <span class="typo-num">08</span>
                      <img loading="lazy" width="160" height="93" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-x-height.jpg" class="typo-thumb wp-post-image" alt="What is X-Height: Key Aspects in Typography" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-x-height.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-x-height-213x123.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-x-height-800x463.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-is-x-height-768x445.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">What is X-Height: Key Aspects in Typography</span>
          </div>
          <span class="typo-date">Mar 15</span>
        </a>
                <a href="https://www.designyourway.net/blog/what-are-ascenders-and-descenders/" class="typo-item">
          <span class="typo-num">09</span>
                      <img loading="lazy" width="160" height="93" src="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-are-ascenders-and-descenders.jpg" class="typo-thumb wp-post-image" alt="What Are Ascenders and Descenders in Typography" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-are-ascenders-and-descenders.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-are-ascenders-and-descenders-213x124.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-are-ascenders-and-descenders-800x467.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/08/what-are-ascenders-and-descenders-768x448.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">What Are Ascenders and Descenders in Typography</span>
          </div>
          <span class="typo-date">Mar 14</span>
        </a>
                <a href="https://www.designyourway.net/blog/font-licensing/" class="typo-item">
          <span class="typo-num">10</span>
                      <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/10/font-licensing.jpg" class="typo-thumb wp-post-image" alt="Understanding Font Licensing: What You Need to Know" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/10/font-licensing.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/10/font-licensing-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/10/font-licensing-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/10/font-licensing-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />                    <div class="typo-info">
            <span class="typo-cat">Typography Basics</span>
            <span class="typo-title">Understanding Font Licensing: What You Need to Know</span>
          </div>
          <span class="typo-date">Mar 10</span>
        </a>
              </div>
          </div>
  </div>
</section>

<!-- ══════════ TOOLS ══════════ -->
<section class="section">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title">Tools</h2>
      </div>
      <a href="https://www.designyourway.net/blog/category/tools/" class="view-all">
        View all        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div class="tools-grid">
            <a href="https://www.designyourway.net/blog/px-to-vw-converter/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="600" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft.jpg" class="tool-thumb wp-post-image" alt="PX to VW Converter" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft-800x451.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft-768x433.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">PX to VW Converter</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/font-combinations-for-graphic-design/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="562" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta.jpg" class="tool-thumb wp-post-image" alt="50 Best Font Combinations for Graphic Design" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-213x128.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-800x481.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-768x462.jpg 768w" sizes="(max-width: 562px) 100vw, 562px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">50 Best Font Combinations for Graphic Design</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/rgb-to-pantone-converter/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="600" height="333" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/rgb-to-pantone-converter-ft.jpg" class="tool-thumb wp-post-image" alt="RGB to Pantone Converter" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/rgb-to-pantone-converter-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/rgb-to-pantone-converter-ft-213x118.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/rgb-to-pantone-converter-ft-800x444.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/rgb-to-pantone-converter-ft-768x426.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">RGB to Pantone Converter</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/hex-to-pantone-converter/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="600" height="332" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/hex-to-pantone-converter-ft-img.jpg" class="tool-thumb wp-post-image" alt="HEX to Pantone Converter" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/hex-to-pantone-converter-ft-img.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/hex-to-pantone-converter-ft-img-213x118.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/hex-to-pantone-converter-ft-img-800x443.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/hex-to-pantone-converter-ft-img-768x425.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">HEX to Pantone Converter</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/pantone-to-cmyk-converter/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="600" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/pantone-to-cmyk-converter-feat-img.jpg" class="tool-thumb wp-post-image" alt="Pantone to CMYK Converter" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/pantone-to-cmyk-converter-feat-img.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/pantone-to-cmyk-converter-feat-img-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/pantone-to-cmyk-converter-feat-img-800x451.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/pantone-to-cmyk-converter-feat-img-768x433.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">Pantone to CMYK Converter</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/type-scale-generator/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="598" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/01/type-scale-generator-ft.jpg" class="tool-thumb wp-post-image" alt="Type Scale Generator" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/01/type-scale-generator-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/01/type-scale-generator-ft-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/01/type-scale-generator-ft-800x452.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/01/type-scale-generator-ft-768x434.jpg 768w" sizes="(max-width: 598px) 100vw, 598px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">Type Scale Generator</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/tint-and-shade-generator/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="598" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/01/tint-and-shade-generator-ft2.jpg" class="tool-thumb wp-post-image" alt="Tint and Shade Generator" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/01/tint-and-shade-generator-ft2.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/01/tint-and-shade-generator-ft2-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/01/tint-and-shade-generator-ft2-800x452.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/01/tint-and-shade-generator-ft2-768x434.jpg 768w" sizes="(max-width: 598px) 100vw, 598px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">Tint and Shade Generator</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/font-pairing-generator/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/11/font-pairing-generator-ft.jpg" class="tool-thumb wp-post-image" alt="Font Pairing Generator" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/11/font-pairing-generator-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2025/11/font-pairing-generator-ft-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2025/11/font-pairing-generator-ft-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/11/font-pairing-generator-ft-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">Font Pairing Generator</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/hsl-to-rgb-converter/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/09/HSL-to-RGB-Converter-ft.jpg" class="tool-thumb wp-post-image" alt="HSL to RGB Converter" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/09/HSL-to-RGB-Converter-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2025/09/HSL-to-RGB-Converter-ft-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2025/09/HSL-to-RGB-Converter-ft-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/09/HSL-to-RGB-Converter-ft-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">HSL to RGB Converter</span>

        </div>
      </a>
            <a href="https://www.designyourway.net/blog/advanced-color-contrast-checker/" class="tool-card">
                <div class="tool-thumb-wrap">
          <img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/08/advanced-color-contrast-checker-ft.jpg" class="tool-thumb wp-post-image" alt="Advanced Color Contrast Checker" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/08/advanced-color-contrast-checker-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2025/08/advanced-color-contrast-checker-ft-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2025/08/advanced-color-contrast-checker-ft-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/08/advanced-color-contrast-checker-ft-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" />        </div>
                <div class="tool-accent-bar"></div>
        <div class="tool-body">
          <span class="tool-label">Free Tool</span>
          <span class="tool-title">Advanced Color Contrast Checker</span>

        </div>
      </a>
          </div>
  </div>
</section>

<!-- ══════════ LOGOS ══════════ -->
<section class="section section-dark">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title" style="color:#fff;">Logos</h2>
      </div>
      <a href="https://www.designyourway.net/blog/category/inspiration/graphic-design/logos/" class="view-all view-all-light">
        View all        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div class="logos-grid">
            <a href="https://www.designyourway.net/blog/the-walking-dead-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="451" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/07/walking-dead-logo-featured-1.jpg" class="logo-card-thumb wp-post-image" alt="The Walking Dead Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/07/walking-dead-logo-featured-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/walking-dead-logo-featured-1-184x138.jpg 184w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/walking-dead-logo-featured-1-768x576.jpg 768w" sizes="(max-width: 451px) 100vw, 451px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">TV Show Logos</span>
          <span class="logo-card-title">The Walking Dead Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">30 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/the-simpsons-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/07/the-simpsons-featured-1.jpg" class="logo-card-thumb wp-post-image" alt="The Simpsons Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/07/the-simpsons-featured-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/the-simpsons-featured-1-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/the-simpsons-featured-1-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">TV Show Logos</span>
          <span class="logo-card-title">The Simpsons Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">29 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/cerebras-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="600" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/02/Cerebras-featured.jpg" class="logo-card-thumb wp-post-image" alt="The Cerebras Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/02/Cerebras-featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/02/Cerebras-featured-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/02/Cerebras-featured-768x432.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">Tech company logos</span>
          <span class="logo-card-title">The Cerebras Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">28 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/malmo-ff-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="541" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2024/10/Malmo-Featured-1.jpg" class="logo-card-thumb wp-post-image" alt="The Malmö FF Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/10/Malmo-Featured-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/10/Malmo-Featured-1-213x133.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/10/Malmo-Featured-1-150x93.jpg 150w, https://www.designyourway.net/blog/wp-content/uploads/2024/10/Malmo-Featured-1-768x480.jpg 768w" sizes="(max-width: 541px) 100vw, 541px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">Swedish Football Team Logos</span>
          <span class="logo-card-title">The Malmö FF Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">27 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/universal-pictures-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="600" height="314" src="https://www.designyourway.net/blog/wp-content/uploads/2025/07/universal-pictures-movies.jpg" class="logo-card-thumb wp-post-image" alt="The Universal Pictures Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/07/universal-pictures-movies.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/universal-pictures-movies-213x111.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/universal-pictures-movies-768x401.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">Film Company Logos</span>
          <span class="logo-card-title">The Universal Pictures Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">27 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/sensetime-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="600" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/02/SenseTime-Featured-1.jpg" class="logo-card-thumb wp-post-image" alt="The Sensetime Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/02/SenseTime-Featured-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/02/SenseTime-Featured-1-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/02/SenseTime-Featured-1-768x432.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">Tech company logos</span>
          <span class="logo-card-title">The Sensetime Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">26 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/studio-ghibli-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="443" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/07/Studio-Ghibli-featured.jpg" class="logo-card-thumb wp-post-image" alt="The Studio Ghibli Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/07/Studio-Ghibli-featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/Studio-Ghibli-featured-181x138.jpg 181w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/Studio-Ghibli-featured-768x586.jpg 768w" sizes="(max-width: 443px) 100vw, 443px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">Film Company Logos</span>
          <span class="logo-card-title">The Studio Ghibli Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">24 March 2026</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/new-line-cinema-logo/" class="logo-card">
                <div class="logo-card-thumb-wrap">
          <img loading="lazy" width="600" height="323" src="https://www.designyourway.net/blog/wp-content/uploads/2025/07/New-Line-Cinema-featured.jpg" class="logo-card-thumb wp-post-image" alt="The New Line Cinema Logo History, Colors, Font, And Meaning" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/07/New-Line-Cinema-featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/New-Line-Cinema-featured-213x114.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2025/07/New-Line-Cinema-featured-768x413.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="logo-card-body">
          <span class="logo-card-cat">Film Company Logos</span>
          <span class="logo-card-title">The New Line Cinema Logo History, Colors, Font, And Meaning</span>
          <span class="logo-card-date">24 March 2026</span>
        </div>
      </a>
          </div>
  </div>
</section>

<!-- ══════════ WHAT'S THAT FONT ══════════ -->
<section class="section section-alt">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title">What&#039;s That Font?</h2>
      </div>
      <a href="https://www.designyourway.net/blog/category/design-resources/typography/whats-that-font/" class="view-all">
        View all        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div class="wtf-grid">
            <a href="https://www.designyourway.net/blog/pinterest-font/" class="wtf-card">
                <div class="wtf-thumb-wrap">
          <img loading="lazy" width="600" height="293" src="https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-13.jpg" class="wtf-thumb wp-post-image" alt="The Pinterest font: What font does Pinterest use?" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-13.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-13-213x104.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-13-768x375.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="wtf-body">
          <span class="wtf-label">What&#039;s That Font</span>
          <span class="wtf-title">The Pinterest font: What font does Pinterest use?</span>
          <span class="wtf-meta">28 June 2025 · 7 min read</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/what-font-does-facebook-use/" class="wtf-card">
                <div class="wtf-thumb-wrap">
          <img loading="lazy" width="486" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2020/12/fb-font-header.jpg" class="wtf-thumb wp-post-image" alt="What font does Facebook use in its app and website?" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2020/12/fb-font-header.jpg 900w, https://www.designyourway.net/blog/wp-content/uploads/2020/12/fb-font-header-198x138.jpg 198w, https://www.designyourway.net/blog/wp-content/uploads/2020/12/fb-font-header-800x556.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2020/12/fb-font-header-768x534.jpg 768w" sizes="(max-width: 486px) 100vw, 486px" />        </div>
                <div class="wtf-body">
          <span class="wtf-label">What&#039;s That Font</span>
          <span class="wtf-title">What font does Facebook use in its app and website?</span>
          <span class="wtf-meta">26 June 2025 · 13 min read</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/etsy-font/" class="wtf-card">
                <div class="wtf-thumb-wrap">
          <img loading="lazy" width="600" height="293" src="https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-1-27.jpg" class="wtf-thumb wp-post-image" alt="The Etsy font: What font does Etsy use?" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-1-27.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-1-27-213x104.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-1-27-768x375.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="wtf-body">
          <span class="wtf-label">What&#039;s That Font</span>
          <span class="wtf-title">The Etsy font: What font does Etsy use?</span>
          <span class="wtf-meta">26 June 2025 · 7 min read</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/gmail-font/" class="wtf-card">
                <div class="wtf-thumb-wrap">
          <img loading="lazy" width="600" height="305" src="https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-new-1.jpg" class="wtf-thumb wp-post-image" alt="The Gmail font: What font does Gmail use?" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-new-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-new-1-213x108.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/Featured-new-1-768x390.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />        </div>
                <div class="wtf-body">
          <span class="wtf-label">What&#039;s That Font</span>
          <span class="wtf-title">The Gmail font: What font does Gmail use?</span>
          <span class="wtf-meta">25 June 2025 · 7 min read</span>
        </div>
      </a>
          </div>
  </div>
</section>

<!-- ══════════ FONTS SIMILAR TO + UI + UX ══════════ -->
<section class="section">
  <div class="section-inner">

        <div style="margin-bottom:56px;">
      <div class="section-header">
        <div class="section-header-left">
          <h2 class="section-title">Fonts Similar To</h2>
        </div>
        <a href="https://www.designyourway.net/blog/category/design-resources/typography/similar-fonts/" class="view-all">
          View all          <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>
      </div>
      <div class="fst-grid">
                <a href="https://www.designyourway.net/blog/fonts-similar-to-oswald/" class="fst-card">
                    <div class="fst-thumb-wrap">
            <img loading="lazy" width="600" height="299" src="https://www.designyourway.net/blog/wp-content/uploads/2022/03/hal.jpg" class="fst-thumb wp-post-image" alt="Fonts Similar To Oswald You Could Try In Your Designs" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2022/03/hal.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2022/03/hal-213x106.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2022/03/hal-768x383.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />          </div>
                    <div class="fst-body">
            <span class="fst-tag">Similar Fonts</span>
            <span class="fst-title">Fonts Similar To Oswald You Could Try In Your Designs</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/fonts-similar-to-gill-sans/" class="fst-card">
                    <div class="fst-thumb-wrap">
            <img loading="lazy" width="600" height="300" src="https://www.designyourway.net/blog/wp-content/uploads/2022/03/Mr-Eaves-Sans.jpg" class="fst-thumb wp-post-image" alt="Fonts Similar To Gill Sans That You Need To Try" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2022/03/Mr-Eaves-Sans.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2022/03/Mr-Eaves-Sans-213x107.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2022/03/Mr-Eaves-Sans-768x384.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />          </div>
                    <div class="fst-body">
            <span class="fst-tag">Similar Fonts</span>
            <span class="fst-title">Fonts Similar To Gill Sans That You Need To Try</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/fonts-similar-to-brandon-grotesque/" class="fst-card">
                    <div class="fst-thumb-wrap">
            <img loading="lazy" width="480" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2022/03/FF-Mark.jpg" class="fst-thumb wp-post-image" alt="The Best Fonts Similar To Brandon Grotesque You Can Get" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2022/03/FF-Mark.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2022/03/FF-Mark-196x138.jpg 196w, https://www.designyourway.net/blog/wp-content/uploads/2022/03/FF-Mark-768x540.jpg 768w" sizes="(max-width: 480px) 100vw, 480px" />          </div>
                    <div class="fst-body">
            <span class="fst-tag">Similar Fonts</span>
            <span class="fst-title">The Best Fonts Similar To Brandon Grotesque You Can Get</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/fonts-similar-to-raleway/" class="fst-card">
                    <div class="fst-thumb-wrap">
            <img loading="lazy" width="551" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2023/04/fonts-similar-to-raleway.jpg" class="fst-thumb wp-post-image" alt="Fonts Similar To Raleway That You Can Use As Alternative" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/04/fonts-similar-to-raleway.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/fonts-similar-to-raleway-213x131.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/fonts-similar-to-raleway-800x491.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/fonts-similar-to-raleway-150x93.jpg 150w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/fonts-similar-to-raleway-768x471.jpg 768w" sizes="(max-width: 551px) 100vw, 551px" />          </div>
                    <div class="fst-body">
            <span class="fst-tag">Similar Fonts</span>
            <span class="fst-title">Fonts Similar To Raleway That You Can Use As Alternative</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/fonts-similar-to-papyrus/" class="fst-card">
                    <div class="fst-thumb-wrap">
            <img loading="lazy" width="600" height="317" src="https://www.designyourway.net/blog/wp-content/uploads/2023/12/fonts-similar-to-papyrus.jpg" class="fst-thumb wp-post-image" alt="Fonts Similar To Papyrus That You Can Use As An Alternative" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/12/fonts-similar-to-papyrus.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2023/12/fonts-similar-to-papyrus-213x112.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/12/fonts-similar-to-papyrus-800x422.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/12/fonts-similar-to-papyrus-768x405.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" />          </div>
                    <div class="fst-body">
            <span class="fst-tag">Similar Fonts</span>
            <span class="fst-title">Fonts Similar To Papyrus That You Can Use As An Alternative</span>
          </div>
        </a>
              </div>
    </div>
    
        <div class="two-col-sections">

            <div class="col-section">
        <div class="section-header">
          <div class="section-header-left">
            <h2 class="section-title">UI Design</h2>
          </div>
          <a href="https://www.designyourway.net/blog/category/inspiration/user-interface-design/" class="view-all">
            View all            <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
        </div>
        <div style="display:flex;flex-direction:column;gap:16px;">
                                <a href="https://www.designyourway.net/blog/the-basics-of-designing-mobile-apps/" class="card">
                            <div class="card-thumb-wrap"><img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/10/the-basics-of-designing-mobile-apps.jpg" class="card-thumb wp-post-image" alt="How to Design a Mobile App (Guide for Beginners)" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/10/the-basics-of-designing-mobile-apps.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2025/10/the-basics-of-designing-mobile-apps-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2025/10/the-basics-of-designing-mobile-apps-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/10/the-basics-of-designing-mobile-apps-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" /></div>
                            <div class="card-body">
                <span class="card-cat">UI Design</span>
                <span class="card-title">How to Design a Mobile App (Guide for Beginners)</span>
                <div class="card-meta">
                  <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=22&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=44&#038;d=mm&#038;r=g 2x' class='avatar avatar-22 photo card-avatar' height='22' width='22' decoding='async'/>                  Bogdan Sandu · 18 October 2025                </div>
              </div>
            </a>
                                          <a href="https://www.designyourway.net/blog/ui-component-libraries/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="160" height="102" src="https://www.designyourway.net/blog/wp-content/uploads/2023/07/ui-component-libraries.png" class="typo-thumb wp-post-image" alt="Top UI Component Libraries for Rapid Prototyping" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/07/ui-component-libraries.png 837w, https://www.designyourway.net/blog/wp-content/uploads/2023/07/ui-component-libraries-213x135.png 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/07/ui-component-libraries-800x508.png 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/07/ui-component-libraries-768x487.png 768w" sizes="(max-width: 160px) 100vw, 160px" />              <div class="typo-info">
                <span class="typo-cat">UI Design</span>
                <span class="typo-title">Top UI Component Libraries for Rapid Prototyping</span>
              </div>
              <span class="typo-date">Aug 9</span>
            </a>
                                          <a href="https://www.designyourway.net/blog/search-in-mobile-user-interfaces-37-lovely-designs/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="151" height="113" src="https://www.designyourway.net/blog/wp-content/uploads/2013/02/2589573.jpg" class="typo-thumb wp-post-image" alt="Search In Mobile User Interfaces: 42 Search Bar Design Examples" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2013/02/2589573.jpg 700w, https://www.designyourway.net/blog/wp-content/uploads/2013/02/2589573-184x138.jpg 184w, https://www.designyourway.net/blog/wp-content/uploads/2013/02/2589573-265x200.jpg 265w, https://www.designyourway.net/blog/wp-content/uploads/2013/02/2589573-80x60.jpg 80w" sizes="(max-width: 151px) 100vw, 151px" />              <div class="typo-info">
                <span class="typo-cat">UI Design</span>
                <span class="typo-title">Search In Mobile User Interfaces: 42 Search Bar Design Examples</span>
              </div>
              <span class="typo-date">Jun 9</span>
            </a>
                                          <a href="https://www.designyourway.net/blog/mobile-ui-design-inspiration-charts-and-graphs/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="151" height="113" src="https://www.designyourway.net/blog/wp-content/uploads/2013/01/2555093.jpg" class="typo-thumb wp-post-image" alt="Mobile UI Design Inspiration of Charts And Graphs" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2013/01/2555093.jpg 700w, https://www.designyourway.net/blog/wp-content/uploads/2013/01/2555093-184x138.jpg 184w, https://www.designyourway.net/blog/wp-content/uploads/2013/01/2555093-265x200.jpg 265w, https://www.designyourway.net/blog/wp-content/uploads/2013/01/2555093-80x60.jpg 80w" sizes="(max-width: 151px) 100vw, 151px" />              <div class="typo-info">
                <span class="typo-cat">UI Design</span>
                <span class="typo-title">Mobile UI Design Inspiration of Charts And Graphs</span>
              </div>
              <span class="typo-date">Jun 7</span>
            </a>
                                          <a href="https://www.designyourway.net/blog/the-simple-yet-complicated-mobile-ui-list-design-43-examples/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="151" height="113" src="https://www.designyourway.net/blog/wp-content/uploads/2013/05/2682339.jpg" class="typo-thumb wp-post-image" alt="Mobile App List Design Examples To Check Out (26 Designs)" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2013/05/2682339.jpg 700w, https://www.designyourway.net/blog/wp-content/uploads/2013/05/2682339-184x138.jpg 184w, https://www.designyourway.net/blog/wp-content/uploads/2013/05/2682339-265x200.jpg 265w, https://www.designyourway.net/blog/wp-content/uploads/2013/05/2682339-80x60.jpg 80w" sizes="(max-width: 151px) 100vw, 151px" />              <div class="typo-info">
                <span class="typo-cat">Tips and Inspiration</span>
                <span class="typo-title">Mobile App List Design Examples To Check Out (26 Designs)</span>
              </div>
              <span class="typo-date">Jan 2</span>
            </a>
                            </div>
      </div>
      
            <div class="col-section">
        <div class="section-header">
          <div class="section-header-left">
            <h2 class="section-title">UX Design</h2>
          </div>
          <a href="https://www.designyourway.net/blog/category/inspiration/user-experience/" class="view-all">
            View all            <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
        </div>
        <div style="display:flex;flex-direction:column;gap:16px;">
                                <a href="https://www.designyourway.net/blog/what-is-ux-design-and-why-its-important/" class="card">
                            <div class="card-thumb-wrap"><img loading="lazy" width="600" height="290" src="https://www.designyourway.net/blog/wp-content/uploads/2023/04/what-is-ux-design.jpg" class="card-thumb wp-post-image" alt="What Is UX Design And Why It&#8217;s Important" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/04/what-is-ux-design.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/what-is-ux-design-213x103.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/what-is-ux-design-800x386.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/04/what-is-ux-design-768x371.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></div>
                            <div class="card-body">
                <span class="card-cat">UX</span>
                <span class="card-title">What Is UX Design And Why It&#8217;s Important</span>
                <div class="card-meta">
                  <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=22&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=44&#038;d=mm&#038;r=g 2x' class='avatar avatar-22 photo card-avatar' height='22' width='22' decoding='async'/>                  Bogdan Sandu · 17 November 2025                </div>
              </div>
            </a>
                                          <a href="https://www.designyourway.net/blog/information-architecture-what-it-is-and-what-an-information-architect-does/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2023/12/information-architecture.jpg" class="typo-thumb wp-post-image" alt="What Is Information Architecture and Why You Need It" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/12/information-architecture.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2023/12/information-architecture-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/12/information-architecture-800x452.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/12/information-architecture-768x434.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />              <div class="typo-info">
                <span class="typo-cat">UX</span>
                <span class="typo-title">What Is Information Architecture and Why You Need It</span>
              </div>
              <span class="typo-date">Nov 15</span>
            </a>
                                          <a href="https://www.designyourway.net/blog/ux-designer-interview-questions/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="160" height="107" src="https://www.designyourway.net/blog/wp-content/uploads/2019/05/ux-designer-interview-questions.jpg" class="typo-thumb wp-post-image" alt="Top UX Designer Interview Questions to Expect" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2019/05/ux-designer-interview-questions.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2019/05/ux-designer-interview-questions-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2019/05/ux-designer-interview-questions-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2019/05/ux-designer-interview-questions-768x512.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />              <div class="typo-info">
                <span class="typo-cat">UX</span>
                <span class="typo-title">Top UX Designer Interview Questions to Expect</span>
              </div>
              <span class="typo-date">Nov 10</span>
            </a>
                                          <a href="https://www.designyourway.net/blog/how-to-become-a-ux-designer/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="160" height="70" src="https://www.designyourway.net/blog/wp-content/uploads/2023/07/how-to-become-a-ux-designer.jpg" class="typo-thumb wp-post-image" alt="How to Become a UX Designer: A Comprehensive Guide" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/07/how-to-become-a-ux-designer.jpg 1000w, https://www.designyourway.net/blog/wp-content/uploads/2023/07/how-to-become-a-ux-designer-213x93.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/07/how-to-become-a-ux-designer-800x350.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/07/how-to-become-a-ux-designer-768x336.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />              <div class="typo-info">
                <span class="typo-cat">Design Roles</span>
                <span class="typo-title">How to Become a UX Designer: A Comprehensive Guide</span>
              </div>
              <span class="typo-date">Oct 24</span>
            </a>
                                          <a href="https://www.designyourway.net/blog/ux-designer-resume/" class="typo-item" style="border-radius:var(--radius);border:1px solid var(--border-light);">
              <img loading="lazy" width="160" height="87" src="https://www.designyourway.net/blog/wp-content/uploads/2019/07/photo-1576595580361-90a855b84b20.jpg" class="typo-thumb wp-post-image" alt="How to create the best UX designer resume" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2019/07/photo-1576595580361-90a855b84b20.jpg 1000w, https://www.designyourway.net/blog/wp-content/uploads/2019/07/photo-1576595580361-90a855b84b20-213x116.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2019/07/photo-1576595580361-90a855b84b20-800x435.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2019/07/photo-1576595580361-90a855b84b20-768x418.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />              <div class="typo-info">
                <span class="typo-cat">UX</span>
                <span class="typo-title">How to create the best UX designer resume</span>
              </div>
              <span class="typo-date">Oct 14</span>
            </a>
                            </div>
      </div>
      
    </div>
    
  </div>
</section>

<!-- ══════════ WEB DESIGN ══════════ -->
<section class="section section-alt">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title">Web Design</h2>
      </div>
      <a href="https://www.designyourway.net/blog/category/inspiration/web-design/" class="view-all">
        View all        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div class="webdesign-layout">
            <a href="https://www.designyourway.net/blog/how-to-become-a-web-designer/" class="card webdesign-featured">
                <div class="card-thumb-wrap">
          <img loading="lazy" width="1000" height="424" src="https://www.designyourway.net/blog/wp-content/uploads/2023/08/how-to-become-a-web-designer.jpg" class="card-thumb wp-post-image" alt="Your Step-by-Step Guide on How to Become a Web Designer" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/08/how-to-become-a-web-designer.jpg 1000w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/how-to-become-a-web-designer-213x90.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/how-to-become-a-web-designer-800x339.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/how-to-become-a-web-designer-768x326.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" />        </div>
                <div class="card-body">
          <span class="card-cat">Design Roles</span>
          <span class="card-title">Your Step-by-Step Guide on How to Become a Web Designer</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            8 August 2024 · 14 min read          </div>
        </div>
      </a>
      <div class="webdesign-list" style="background:none;">
                <a href="https://www.designyourway.net/blog/free-mailchimp-templates/" class="webdesign-item">
          <img loading="lazy" width="160" height="110" src="https://www.designyourway.net/blog/wp-content/uploads/2019/02/kreative.jpg" class="webdesign-item-thumb wp-post-image" alt="Free MailChimp templates to use for your newsletters" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2019/02/kreative.jpg 700w, https://www.designyourway.net/blog/wp-content/uploads/2019/02/kreative-201x138.jpg 201w, https://www.designyourway.net/blog/wp-content/uploads/2019/02/kreative-600x411.jpg 600w, https://www.designyourway.net/blog/wp-content/uploads/2019/02/kreative-400x274.jpg 400w" sizes="(max-width: 160px) 100vw, 160px" />          <div>
            <span class="webdesign-item-title">Free MailChimp templates to use for your newsletters</span>
            <span class="webdesign-item-date">27 June 2024</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/awesome-new-website-designs-to-inspire-you-30-sites/" class="webdesign-item">
          <img loading="lazy" width="160" height="80" src="https://www.designyourway.net/blog/wp-content/uploads/2011/05/kit_com.jpg" class="webdesign-item-thumb wp-post-image" alt="Awesome Websites Designs To Check Out Today" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2011/05/kit_com.jpg 700w, https://www.designyourway.net/blog/wp-content/uploads/2011/05/kit_com-213x107.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2011/05/kit_com-690x351.jpg 690w, https://www.designyourway.net/blog/wp-content/uploads/2011/05/kit_com-80x40.jpg 80w" sizes="(max-width: 160px) 100vw, 160px" />          <div>
            <span class="webdesign-item-title">Awesome Websites Designs To Check Out Today</span>
            <span class="webdesign-item-date">18 June 2024</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/furniture-website-design/" class="webdesign-item">
          <img loading="lazy" width="160" height="77" src="https://www.designyourway.net/blog/wp-content/uploads/2023/08/STOPKA-FURNITURE.jpg" class="webdesign-item-thumb wp-post-image" alt="Inspiration For Furniture Website Design: 14 Sites" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/08/STOPKA-FURNITURE.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/STOPKA-FURNITURE-213x103.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/08/STOPKA-FURNITURE-768x372.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />          <div>
            <span class="webdesign-item-title">Inspiration For Furniture Website Design: 14 Sites</span>
            <span class="webdesign-item-date">1 May 2024</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/animated-websites/" class="webdesign-item">
          <img loading="lazy" width="160" height="74" src="https://www.designyourway.net/blog/wp-content/uploads/2023/02/animated-websites.jpg" class="webdesign-item-thumb wp-post-image" alt="60+ Animated Website Design Examples That Will Blow Your Mind" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/02/animated-websites.jpg 1000w, https://www.designyourway.net/blog/wp-content/uploads/2023/02/animated-websites-213x99.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/02/animated-websites-800x370.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/02/animated-websites-768x356.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />          <div>
            <span class="webdesign-item-title">60+ Animated Website Design Examples That Will Blow Your Mind</span>
            <span class="webdesign-item-date">18 January 2024</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/black-websites/" class="webdesign-item">
          <img loading="lazy" width="160" height="80" src="https://www.designyourway.net/blog/wp-content/uploads/2023/02/15-1.jpg" class="webdesign-item-thumb wp-post-image" alt="26 Awesome black websites you need for inspiration" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/02/15-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/02/15-1-213x107.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/02/15-1-768x384.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />          <div>
            <span class="webdesign-item-title">26 Awesome black websites you need for inspiration</span>
            <span class="webdesign-item-date">17 January 2024</span>
          </div>
        </a>
                <a href="https://www.designyourway.net/blog/top-church-websites/" class="webdesign-item">
          <img loading="lazy" width="160" height="76" src="https://www.designyourway.net/blog/wp-content/uploads/2023/09/Second-Baptist-Church.jpg" class="webdesign-item-thumb wp-post-image" alt="22 Church Website Design Examples To Check Out" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2023/09/Second-Baptist-Church.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2023/09/Second-Baptist-Church-213x101.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2023/09/Second-Baptist-Church-768x366.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />          <div>
            <span class="webdesign-item-title">22 Church Website Design Examples To Check Out</span>
            <span class="webdesign-item-date">17 January 2024</span>
          </div>
        </a>
              </div>
    </div>
  </div>
</section>

<!-- ══════════ CANVA + COLOR COMBINATIONS ══════════ -->
<section class="section">
  <div class="section-inner">
    <div class="two-col-sections" style="gap:56px;">

            <div class="col-section">
        <div class="section-header">
          <div class="section-header-left">
            <h2 class="section-title">Canva Resources</h2>
          </div>
          <a href="https://www.designyourway.net/blog/category/design-resources/canva-resources/" class="view-all">
            View all            <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
        </div>
        <div style="display:flex;flex-direction:column;gap:12px;">
                    <a href="https://www.designyourway.net/blog/how-to-wrap-text-in-canva/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="63" src="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-wrap-text-in-Canva.jpg" class="card-thumb wp-post-image" alt="How to Wrap Text in Canva for Creative Layouts" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-wrap-text-in-Canva.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-wrap-text-in-Canva-213x84.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-wrap-text-in-Canva-800x316.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-wrap-text-in-Canva-768x303.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Canva Resources</span>
              <span class="card-title" style="font-size:14px;">How to Wrap Text in Canva for Creative Layouts</span>
              <div class="card-meta">9 December 2025</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/how-to-use-frames-in-canva/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="57" src="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-use-frames-in-Canva.jpg" class="card-thumb wp-post-image" alt="How to Use Frames in Canva: Quick Design Tips" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-use-frames-in-Canva.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-use-frames-in-Canva-213x76.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-use-frames-in-Canva-800x284.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-use-frames-in-Canva-768x273.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Canva Resources</span>
              <span class="card-title" style="font-size:14px;">How to Use Frames in Canva: Quick Design Tips</span>
              <div class="card-meta">8 December 2025</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/how-to-share-canva-templates/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="86" src="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-share-Canva-templates.jpg" class="card-thumb wp-post-image" alt="How to Share Canva Templates: Step-by-Step Guide" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-share-Canva-templates.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-share-Canva-templates-213x114.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-share-Canva-templates-800x429.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-share-Canva-templates-768x412.jpg 768w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-share-Canva-templates-960x520.jpg 960w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Canva Resources</span>
              <span class="card-title" style="font-size:14px;">How to Share Canva Templates: Step-by-Step Guide</span>
              <div class="card-meta">7 December 2025</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/how-to-sell-journals-on-amazon-using-canva/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="88" src="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-journals-on-amazon-using-Canva.jpg" class="card-thumb wp-post-image" alt="How to Sell Journals on Amazon Using Canva" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-journals-on-amazon-using-Canva.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-journals-on-amazon-using-Canva-213x118.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-journals-on-amazon-using-Canva-800x441.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-journals-on-amazon-using-Canva-768x424.jpg 768w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-journals-on-amazon-using-Canva-960x520.jpg 960w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Canva Resources</span>
              <span class="card-title" style="font-size:14px;">How to Sell Journals on Amazon Using Canva</span>
              <div class="card-meta">6 December 2025</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/how-to-sell-canva-templates/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="85" src="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-Canva-templates.jpg" class="card-thumb wp-post-image" alt="How to Sell Canva Templates: Easy Start Guide" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-Canva-templates.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-Canva-templates-213x113.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-Canva-templates-800x424.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/how-to-sell-Canva-templates-768x407.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Canva Resources</span>
              <span class="card-title" style="font-size:14px;">How to Sell Canva Templates: Easy Start Guide</span>
              <div class="card-meta">5 December 2025</div>
            </div>
          </a>
                  </div>
      </div>
      
            <div class="col-section">
        <div class="section-header">
          <div class="section-header-left">
            <h2 class="section-title">Color Combinations</h2>
          </div>
          <a href="https://www.designyourway.net/blog/category/color-combinations/" class="view-all">
            View all            <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
        </div>
        <div style="display:flex;flex-direction:column;gap:12px;">
                    <a href="https://www.designyourway.net/blog/what-color-do-brown-and-blue-make/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="84" src="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-brown-and-blue-make.jpg" class="card-thumb wp-post-image" alt="What Color Do Brown and Blue Make?" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-brown-and-blue-make.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-brown-and-blue-make-213x112.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-brown-and-blue-make-800x422.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-brown-and-blue-make-768x405.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Color Combinations</span>
              <span class="card-title" style="font-size:14px;">What Color Do Brown and Blue Make?</span>
              <div class="card-meta">25 December 2024</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/what-color-do-pink-and-orange-make/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/11/what-color-do-pink-and-orange-make.jpg" class="card-thumb wp-post-image" alt="What Color Do Pink and Orange Make?" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/11/what-color-do-pink-and-orange-make.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/what-color-do-pink-and-orange-make-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/what-color-do-pink-and-orange-make-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/11/what-color-do-pink-and-orange-make-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Color Combinations</span>
              <span class="card-title" style="font-size:14px;">What Color Do Pink and Orange Make?</span>
              <div class="card-meta">24 December 2024</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/what-color-do-teal-and-red-make/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-teal-and-red-make.jpg" class="card-thumb wp-post-image" alt="What Color Do Teal and Red Make?" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-teal-and-red-make.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-teal-and-red-make-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-teal-and-red-make-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-teal-and-red-make-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Color Combinations</span>
              <span class="card-title" style="font-size:14px;">What Color Do Teal and Red Make?</span>
              <div class="card-meta">23 December 2024</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/what-color-do-black-and-yellow-make/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-black-and-yellow-make.jpg" class="card-thumb wp-post-image" alt="What Color Do Black and Yellow Make?" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-black-and-yellow-make.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-black-and-yellow-make-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-black-and-yellow-make-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-black-and-yellow-make-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Color Combinations</span>
              <span class="card-title" style="font-size:14px;">What Color Do Black and Yellow Make?</span>
              <div class="card-meta">22 December 2024</div>
            </div>
          </a>
                    <a href="https://www.designyourway.net/blog/what-color-do-gray-and-purple-make/" class="card" style="flex-direction:row;">
                        <div class="card-thumb-wrap" style="width:110px;flex-shrink:0;">
              <img loading="lazy" width="160" height="90" src="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-gray-and-purple-make-1.jpg" class="card-thumb wp-post-image" alt="What Color Do Gray and Purple Make?" style="height:100%;aspect-ratio:unset;object-fit:cover;" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-gray-and-purple-make-1.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-gray-and-purple-make-1-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-gray-and-purple-make-1-800x449.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/12/what-color-do-gray-and-purple-make-1-768x431.jpg 768w" sizes="(max-width: 160px) 100vw, 160px" />            </div>            <div class="card-body" style="padding:14px 16px;">
              <span class="card-cat">Color Combinations</span>
              <span class="card-title" style="font-size:14px;">What Color Do Gray and Purple Make?</span>
              <div class="card-meta">21 December 2024</div>
            </div>
          </a>
                  </div>
      </div>
      
    </div>
  </div>
</section>

<!-- ══════════ COLOR PALETTES ══════════ -->
<section class="section section-alt">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title">Color Palettes</h2>
      </div>
      <a href="https://www.designyourway.net/blog/category/design-resources/color-palettes/" class="view-all">
        View all        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div class="palette-grid">
            <a href="https://www.designyourway.net/blog/autumn-color-palettes/" class="palette-card">
                <div class="palette-thumb-wrap">
          <img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2024/04/autumn-color-palettes-ft.jpg" class="palette-thumb wp-post-image" alt="Autumn Color Palettes to Warm Up Your Designs" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/04/autumn-color-palettes-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/autumn-color-palettes-ft-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/autumn-color-palettes-ft-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/autumn-color-palettes-ft-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" />        </div>
                <div class="palette-card-body">
          <span class="palette-title">Autumn Color Palettes to Warm Up Your Designs</span>
          <span class="palette-meta">11 September 2025</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/blue-color-palettes/" class="palette-card">
                <div class="palette-thumb-wrap">
          <img loading="lazy" width="591" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2024/04/blue-color-palettes.jpg" class="palette-thumb wp-post-image" alt="Blue Color Palettes to Refresh Your Brand Aesthetic" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/04/blue-color-palettes.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/blue-color-palettes-213x122.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/blue-color-palettes-800x457.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/blue-color-palettes-768x439.jpg 768w" sizes="(max-width: 591px) 100vw, 591px" />        </div>
                <div class="palette-card-body">
          <span class="palette-title">Blue Color Palettes to Refresh Your Brand Aesthetic</span>
          <span class="palette-meta">10 September 2025</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/map-color-palettes/" class="palette-card">
                <div class="palette-thumb-wrap">
          <img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2025/09/map-color-palettes-ft.jpg" class="palette-thumb wp-post-image" alt="Map Color Palettes for Cartographic Design" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2025/09/map-color-palettes-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2025/09/map-color-palettes-ft-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2025/09/map-color-palettes-ft-800x533.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2025/09/map-color-palettes-ft-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" />        </div>
                <div class="palette-card-body">
          <span class="palette-title">Map Color Palettes for Cartographic Design</span>
          <span class="palette-meta">8 September 2025</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/winter-color-palettes/" class="palette-card">
                <div class="palette-thumb-wrap">
          <img loading="lazy" width="591" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2024/04/winter-color-palettes.jpg" class="palette-thumb wp-post-image" alt="Beautiful Winter Color Palettes for Inspiration" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/04/winter-color-palettes.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/winter-color-palettes-213x122.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/winter-color-palettes-800x457.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/winter-color-palettes-768x439.jpg 768w" sizes="(max-width: 591px) 100vw, 591px" />        </div>
                <div class="palette-card-body">
          <span class="palette-title">Beautiful Winter Color Palettes for Inspiration</span>
          <span class="palette-meta">28 May 2025</span>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/cold-color-palettes/" class="palette-card">
                <div class="palette-thumb-wrap">
          <img loading="lazy" width="591" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2024/04/cold-color-palettes.jpg" class="palette-thumb wp-post-image" alt="Chill Out: Cold Color Palettes for Cool Designs" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2024/04/cold-color-palettes.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/cold-color-palettes-213x122.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/cold-color-palettes-800x457.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2024/04/cold-color-palettes-768x439.jpg 768w" sizes="(max-width: 591px) 100vw, 591px" />        </div>
                <div class="palette-card-body">
          <span class="palette-title">Chill Out: Cold Color Palettes for Cool Designs</span>
          <span class="palette-meta">22 April 2025</span>
        </div>
      </a>
          </div>
  </div>
</section>

<!-- ══════════ LATEST ARTICLES ══════════ -->
<section class="section">
  <div class="section-inner">
    <div class="section-header">
      <div class="section-header-left">
        <h2 class="section-title">Latest Articles</h2>
      </div>
            <a href="https://www.designyourway.net/blog/" class="view-all">
        View all        <svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
          </div>
    <div class="latest-grid">
            <a href="https://www.designyourway.net/blog/px-to-vw-converter/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="600" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft.jpg" class="card-thumb wp-post-image" alt="PX to VW Converter" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft-213x120.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft-800x451.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/PX-to-VW-Converter-ft-768x433.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></div>
                <div class="card-body">
          <span class="card-cat">Converters</span>
          <span class="card-title">PX to VW Converter</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            15 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/what-is-a-blackletter-font/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured.jpg" class="card-thumb wp-post-image" alt="What Is a Blackletter Font and How to Use It Boldly" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/BlackLetter-featured-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" /></div>
                <div class="card-body">
          <span class="card-cat">Typography</span>
          <span class="card-title">What Is a Blackletter Font and How to Use It Boldly</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            13 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/what-is-a-3d-lut-a-complete-guide-to-color-grading-tools/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="506" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/lut.jpg" class="card-thumb wp-post-image" alt="What is a 3D LUT? A Complete Guide to Color Grading Tools" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/lut.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/lut-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/lut-768x513.jpg 768w" sizes="(max-width: 506px) 100vw, 506px" /></div>
                <div class="card-body">
          <span class="card-cat">Misc</span>
          <span class="card-title">What is a 3D LUT? A Complete Guide to Color Grading Tools</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            13 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/mens-health-magazine-covers/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="600" height="335" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/Mens-Health-Magazine-Featured.jpg" class="card-thumb wp-post-image" alt="Men&#8217;s Health Magazine Covers That Inspire Fitness" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/Mens-Health-Magazine-Featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/Mens-Health-Magazine-Featured-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/Mens-Health-Magazine-Featured-768x429.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></div>
                <div class="card-body">
          <span class="card-cat">Magazine Covers</span>
          <span class="card-title">Men&#8217;s Health Magazine Covers That Inspire Fitness</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            11 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/how-designers-can-reduce-cognitive-load/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="600" height="336" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/how-designers-can-reduce-cognitive-load.jpg" class="card-thumb wp-post-image" alt="The Science of Focus: How Designers Can Reduce Cognitive Load" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/how-designers-can-reduce-cognitive-load.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/how-designers-can-reduce-cognitive-load-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/how-designers-can-reduce-cognitive-load-768x430.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></div>
                <div class="card-body">
          <span class="card-cat">Misc</span>
          <span class="card-title">The Science of Focus: How Designers Can Reduce Cognitive Load</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            11 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/esquire-magazine-covers/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="600" height="335" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/Esquire-featured.jpg" class="card-thumb wp-post-image" alt="Unforgettable Esquire Magazine Covers of All Time" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/Esquire-featured.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/Esquire-featured-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/Esquire-featured-768x429.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></div>
                <div class="card-body">
          <span class="card-cat">Magazine Covers</span>
          <span class="card-title">Unforgettable Esquire Magazine Covers of All Time</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            10 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/web-design-productivity-hacks-that-actually-work/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="600" height="336" src="https://www.designyourway.net/blog/wp-content/uploads/2026/04/web-design-productivity-hacks-that-actually-work.jpg" class="card-thumb wp-post-image" alt="Web Design Productivity Hacks That Actually Work" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/04/web-design-productivity-hacks-that-actually-work.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/web-design-productivity-hacks-that-actually-work-213x119.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/04/web-design-productivity-hacks-that-actually-work-768x430.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></div>
                <div class="card-body">
          <span class="card-cat">Misc</span>
          <span class="card-title">Web Design Productivity Hacks That Actually Work</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            9 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/mariah-carey-album-covers/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="457" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/mariah-carey-album-covers-collage-dtywi3sw2l5gpkx3.jpg" class="card-thumb wp-post-image" alt="Mariah Carey Album Covers Through the Decades" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/mariah-carey-album-covers-collage-dtywi3sw2l5gpkx3.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/mariah-carey-album-covers-collage-dtywi3sw2l5gpkx3-186x138.jpg 186w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/mariah-carey-album-covers-collage-dtywi3sw2l5gpkx3-768x568.jpg 768w" sizes="(max-width: 457px) 100vw, 457px" /></div>
                <div class="card-body">
          <span class="card-cat">Album covers</span>
          <span class="card-title">Mariah Carey Album Covers Through the Decades</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            8 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/godsmack-album-covers/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="507" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/Godsmack-album-covers-1.jpg" class="card-thumb wp-post-image" alt="Godsmack Album Covers: Heavy and Haunting" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/Godsmack-album-covers-1.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/Godsmack-album-covers-1-207x138.jpg 207w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/Godsmack-album-covers-1-768x512.jpg 768w" sizes="(max-width: 507px) 100vw, 507px" /></div>
                <div class="card-body">
          <span class="card-cat">Album covers</span>
          <span class="card-title">Godsmack Album Covers: Heavy and Haunting</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            6 April 2026          </div>
        </div>
      </a>
            <a href="https://www.designyourway.net/blog/font-combinations-for-graphic-design/" class="card">
                <div class="card-thumb-wrap"><img loading="lazy" width="562" height="338" src="https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta.jpg" class="card-thumb wp-post-image" alt="50 Best Font Combinations for Graphic Design" decoding="async" srcset="https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta.jpg 1200w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-213x128.jpg 213w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-800x481.jpg 800w, https://www.designyourway.net/blog/wp-content/uploads/2026/03/font-pairing-cheatsheet-meta-768x462.jpg 768w" sizes="(max-width: 562px) 100vw, 562px" /></div>
                <div class="card-body">
          <span class="card-cat">Tools</span>
          <span class="card-title">50 Best Font Combinations for Graphic Design</span>
          <div class="card-meta">
            <img alt='' src='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=18&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1a92d54c8dd7c0e7332231a30d3409c51153c746561043fb6df3ce3df18e6fc9?s=36&#038;d=mm&#038;r=g 2x' class='avatar avatar-18 photo card-avatar' height='18' width='18' decoding='async'/>            3 April 2026          </div>
        </div>
      </a>
          </div>
  </div>
</section>


<div class="footer-newsletter-band">
  <div class="footer-newsletter-inner">
    <span class="fn-eyebrow">Free Weekly Newsletter</span>
    <h2>Design insights, every Tuesday</h2>
    <p>Join 28,000+ designers who get curated inspiration, tutorials, and hand-picked free resources every week.</p>
    
<div class="dyw-ml-form">
  <form action="https://static.mailerlite.com/webforms/submit/b6x6a9"
        data-code="b6x6a9" method="post" target="_blank"
        class="dyw-nl-form dyw-nl-form--footer footer-newsletter-form">
    <input aria-label="Email address"
           aria-required="true" type="email" name="fields[email]"
           placeholder="Enter your email address"
           autocomplete="email" class="footer-newsletter-input" required>
    <button type="submit" class="footer-newsletter-submit dyw-nl-submit">
      Subscribe Free    </button>
    <input type="hidden" name="ml-submit" value="1">
    <input type="hidden" name="anticsrf"  value="true">
  </form>
  <div class="dyw-nl-success" style="display:none;">
    <p class="fn-success-msg">🎉 You&#039;re in! Please confirm via your inbox.</p>
  </div>
</div>
<p class="fn-note">No spam, ever. Unsubscribe with one click.</p>


<img src="https://track.mailerlite.com/webforms/o/1609632/b6x6a9?v1730283553"
     width="1" height="1"
     style="max-width:1px;max-height:1px;visibility:hidden;padding:0;margin:0;display:block"
     alt="" border="0">
  </div>
</div>

<footer class="site-footer">
  <div class="footer-top">

    <div class="footer-brand">
      <a href="https://www.designyourway.net/blog/">
        <img src="https://www.designyourway.net/blog/wp-content/uploads/2025/05/dyw-new-logo.png"
             alt="Design Your Way"
             style="height:30px;width:auto;filter:brightness(0) invert(1);margin-bottom:20px;">
      </a>

      <p class="footer-brand-desc">
        Design Your Way is an independent online publication and educational resource for graphic designers, UI/UX professionals, web designers, and visual creators, founded in 2008 by Bogdan Sandu.      </p>

      <div class="footer-contact">
        <div class="footer-contact-item">
          <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
          Blvd. Ion Mihalache 106
        </div>
        <div class="footer-contact-item">
          <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          Mon&ndash;Fri 9:00&ndash;17:00
        </div>
        <div class="footer-contact-item">
          <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
          <a href="mailto:contact@designyourway.net">contact@designyourway.net</a>
        </div>
      </div>

      <div class="footer-socials">
        <a href="https://www.facebook.com/designyourway" class="social-btn" aria-label="Facebook" target="_blank" rel="noopener">
          <svg viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg>
        </a>
        <a href="https://twitter.com/boogiesbc" class="social-btn" aria-label="Twitter / X" target="_blank" rel="noopener">
          <svg viewBox="0 0 24 24"><path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"/></svg>
        </a>
        <a href="https://www.linkedin.com/company/design-your-way-net/" class="social-btn" aria-label="LinkedIn" target="_blank" rel="noopener">
          <svg viewBox="0 0 24 24"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
        </a>
        <a href="https://www.pinterest.com/designyourway_net/" class="social-btn" aria-label="Pinterest" target="_blank" rel="noopener">
          <svg viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.236 2.636 7.855 6.356 9.312-.088-.791-.167-2.005.035-2.868.181-.78 1.172-4.97 1.172-4.97s-.299-.598-.299-1.482c0-1.388.806-2.428 1.808-2.428.852 0 1.265.64 1.265 1.408 0 .858-.546 2.141-.828 3.33-.236.995.499 1.806 1.476 1.806 1.772 0 3.138-1.868 3.138-4.566 0-2.386-1.715-4.054-4.162-4.054-2.835 0-4.498 2.127-4.498 4.326 0 .856.33 1.773.741 2.274a.3.3 0 01.069.288c-.076.312-.244.995-.276 1.134-.044.183-.146.222-.336.134-1.249-.581-2.03-2.407-2.03-3.874 0-3.154 2.292-6.052 6.608-6.052 3.469 0 6.165 2.473 6.165 5.776 0 3.447-2.173 6.22-5.19 6.22-1.013 0-1.967-.527-2.292-1.148l-.623 2.378c-.226.869-.835 1.958-1.244 2.621.938.29 1.931.446 2.962.446 5.523 0 10-4.477 10-10S17.523 2 12 2z"/></svg>
        </a>
      </div>
    </div>

    <div class="footer-col">
      <span class="footer-col-title">Company</span>
      <ul>
        <li><a href="https://www.designyourway.net/blog/about-us/">About Us</a></li>
        <li><a href="https://www.designyourway.net/blog/contact/">Contact</a></li>
        <li><a href="https://www.designyourway.net/blog/terms-of-service/">Terms of Service</a></li>
        <li><a href="https://www.designyourway.net/blog/cookie-policy/">Cookie Policy</a></li>
        <li><a href="https://www.designyourway.net/blog/copyright/">Copyright</a></li>
      </ul>
    </div>

  </div>

  <div class="footer-tools">
    <div class="footer-tools-inner">
      <span class="footer-tools-title">Free Design Tools &amp; Converters</span>
      <div class="footer-tools-links">
        <a href="https://www.designyourway.net/blog/rgb-to-cmyk-converter/">RGB to CMYK</a>
        <a href="https://www.designyourway.net/blog/hex-to-rgb-converter/">HEX to RGB</a>
        <a href="https://www.designyourway.net/blog/rgb-to-hex-converter/">RGB to HEX</a>
        <a href="https://www.designyourway.net/blog/pt-to-px-converter/">PT to PX</a>
        <a href="https://www.designyourway.net/blog/pt-to-cm-converter/">PT to CM</a>
        <a href="https://www.designyourway.net/blog/inch-to-px-converter/">Inch to PX</a>
        <a href="https://www.designyourway.net/blog/em-to-rem-converter/">EM to REM</a>
        <a href="https://www.designyourway.net/blog/em-to-px-converter/">EM to PX</a>
        <a href="https://www.designyourway.net/blog/cm-to-px-converter/">CM to PX</a>
        <a href="https://www.designyourway.net/blog/rem-to-em-converter/">REM to EM</a>
        <a href="https://www.designyourway.net/blog/html-color-names/">HTML Color Names</a>
        <a href="https://www.designyourway.net/blog/cmyk-to-rgb-converter/">CMYK to RGB</a>
        <a href="https://www.designyourway.net/blog/aspect-ratio-calculator/">Aspect Ratio Calculator</a>
        <a href="https://www.designyourway.net/blog/css-grid-layout-calculator/">Grid Layout Calculator</a>
        <a href="https://www.designyourway.net/blog/color-contrast-checker/">Color Contrast Checker</a>
        <a href="https://www.designyourway.net/blog/hsl-to-rgb-converter/">HSL to RGB</a>
        <a href="https://www.designyourway.net/blog/font-pairing-generator/">Font Pairing Generator</a>
        <a href="https://www.designyourway.net/blog/tint-shade-generator/">Tint &amp; Shade Generator</a>
        <a href="https://www.designyourway.net/blog/pantone-to-cmyk-converter/">Pantone to CMYK</a>
        <a href="https://www.designyourway.net/blog/hex-to-pantone-converter/">HEX to Pantone</a>
        <a href="https://www.designyourway.net/blog/rgb-to-pantone-converter/">RGB to Pantone</a>
        <a href="https://www.designyourway.net/blog/font-combinations/">Font Combinations</a>
      </div>
    </div>
  </div>

  <div class="footer-bottom">
    <div class="footer-bottom-inner">
      <p class="footer-copy">
        &copy; 2026 Design Your Way.
        All rights reserved.      </p>
      <div class="footer-bottom-links">
        <a href="https://www.designyourway.net/blog/terms-of-service/">Terms of Service</a>
        <a href="https://www.designyourway.net/blog/cookie-policy/">Cookie Policy</a>
        <a href="https://www.designyourway.net/blog/copyright/">Copyright</a>
        <a href="https://www.designyourway.net/blog/about-us/">About Us</a>
        <a href="https://www.designyourway.net/blog/contact/">Contact</a>
      </div>
    </div>
  </div>
</footer>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/blog/*"},{"not":{"href_matches":["/blog/wp-*.php","/blog/wp-admin/*","/blog/wp-content/uploads/*","/blog/wp-content/*","/blog/wp-content/plugins/*","/blog/wp-content/themes/dyw-theme/*","/blog/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<script id="wpil-frontend-script-js-extra">
var wpilFrontend = {"ajaxUrl":"/blog/wp-admin/admin-ajax.php","postId":"1770","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}};
//# sourceURL=wpil-frontend-script-js-extra
</script>
<script src="https://www.designyourway.net/blog/wp-content/plugins/link-whisper-premium/js/frontend.min.js?ver=1774941455" id="wpil-frontend-script-js"></script>
<script src="https://static.mailerlite.com/js/w/webforms.min.js?vd4de52e171e8eb9c47c0c20caf367ddf" id="mailerlite-webforms-js"></script>
<script src="https://www.designyourway.net/blog/wp-content/themes/dyw-theme/assets/js/theme.js?ver=1.0.0" id="dyw-theme-js-js"></script>
<script src="https://www.designyourway.net/blog/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.0.2" id="elementor-webpack-runtime-js"></script>
<script src="https://www.designyourway.net/blog/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.0.2" id="elementor-frontend-modules-js"></script>
<script src="https://www.designyourway.net/blog/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script src="https://www.designyourway.net/blog/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.0.2" id="elementor-frontend-js"></script>
<script src="https://www.designyourway.net/blog/wp-content/plugins/youtube-embed-plus/scripts/fitvids.min.js?ver=14.2.6" id="__ytprefsfitvids__-js"></script>

<!--Plugin WP Missed Schedule Active - Secured with Genuine Authenticity KeyTag-->

<!-- This site is patched against a big problem not solved since WordPress 2.5 -->

</body>
</html>
<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->
